<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>剑网3</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index.css">
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  <script src="js/index.js"></script>
</head>

<body>
<!-- 总容器 -->
<div class="wraper">
  <!-- 头部 -->
  <header class="header">
    <div class="h-nav">
      <div class="nav-left">
        <div class="img1"><img src="./img/logo.png" alt=""></div>
        <div class="img2"><img src="./img/slogan.png" alt=""></div>
      </div>
      <div class="nav-right">
        <ul class="ul">
          <li>登录</li>
          <li>注册</li>
          <li>充值</li>
          <li>老玩家回归指南</li>
          <li>客服</li>
          <li>增值服务</li>
        </ul>
      </div>
    </div>
  </header>

  <!-- top1 -->
  <div class="top1">
    <div class="top1-cont">
      <div class="content">
        <div class="left">
          <div class="l-img"></div>
          <div class="right">
            <div class="top">
              <div class="d1">手机注册</div>
              <div class="d2">个性注册</div>
            </div>
            <div class="cont" id="t1-cont">
              <input class="inp" type="text" placeholder="输入手机号">
              <input class="inp" type="text" placeholder="输入信息获取验证码">
              <input class="inp" type="text" placeholder="短信验证码">
              <input class="inp" type="text" placeholder="密码(8-32位字母/数字/符号组合)">
              <div class="tit">
                <input id="cB" type="checkbox"><span>我同意金山软件隐私政策金山网络服务使用协议</span>
              </div>
            </div>
            <div class="cont2" id="t1-cont2">
              <input class="inp2" type="text" placeholder="输入手机号">
              <input class="inp2" type="text" placeholder="输入信息获取验证码">
              <input class="inp2" type="text" placeholder="短信验证码">
              <div class="tit2">
                <input id="cB2" type="checkbox"><span>我同意金山软件隐私政策金山网络服务使用协议</span>
              </div>
            </div>
            <div class="bot"></div>
          </div>
        </div>
        <div class="cen">
          <div class="img">
            <img id="img01" src="./img/bg01-cen.webp" alt="">
          </div>
          <ul class="ul2">
            <li class='active'></li>
            <li class='li01'></li>
          </ul>
          <div class="bot"></div>
        </div>
        <div class="rgt">
          <div class="img">
            <img id="img02" src="./img/bg01-rgt1.webp" alt="">
          </div>
          <ul class="ul3">
            <li class='active'></li>
            <li class='li02'></li>
            <li class='li02'></li>
            <li class='li02'></li>
          </ul>
          <div class="r-bot"></div>
        </div>
      </div>
    </div>
    <div class="top1-bot"></div>
  </div>
  <!-- top2 -->
  <div class="top2">
    <div class="top2-top"></div>
    <div class="movie">
      <video src="https://static.jx3.xoyo.com/video/20211015/cg30yulan.mp4" autoplay loop muted=""></video>
      <div class="btn" id="top2-btn"></div>
      <div class="run">
        <img src="./img/bg02-3.png" alt="">
      </div>
    </div>
    <div class="top2-bot"></div>
  </div>
  <!-- 弹窗视频 -->
  <div id="mark" class="show">
    <!-- 第一个弹窗视频 -->
    <div class="mv_one" class="mv_one">
      <video class="video" src="https://static.jx3.xoyo.com/video/20211026/xiaweitianxiaxian.mp4" autoplay controls></video>
      <!-- 关闭 -->
      <div class="del_one">
        <img src="./img/close.png" alt="">
      </div>
    </div>
  </div>
  <div class="show">
    <!-- 第二个弹窗视频 -->
    <div class="mv_one" class="mv_one">
      <video class="video" src="https://static.jx3.xoyo.com/video/20220104/qinggong6.0.mp4" autoplay controls></video>
      <!-- 关闭 -->
      <div class="del_one">
        <img src="./img/close.png" alt="">
      </div>
    </div>
  </div>

  <!-- top3 -->
  <div class="top3">
    <div class="top3-banner">
      <video id="mv3_one" src="https://static.jx3.xoyo.com/video/20191126/gfsj_gy.mp4" autoplay loop
             muted></video>
      <div class="navs">
        <div class="nav"></div>
        <div class="nav"></div>
        <div class="nav"></div>
        <div class="nav"></div>
        <div class="nav"></div>
        <div class="nav"></div>
      </div>
    </div>
  </div>
  <!-- top4 -->
  <div class="top4">
    <div class="top4-top"></div>
    <div class="content">
      <img id="top4-img" src="./img/bg04-2.webp">
    </div>
    <div class="content-nav">
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
      <div class="navs Navs"></div>
    </div>
  </div>
  <!-- top5 -->
  <div class="top5">
    <div class="top5-nav"></div>
    <div class="top5-center">
      <div class="top5-img">
        <img id="t5-img" src="./img/bg05-l1.webp" alt="">
      </div>
      <ul class="ul5">
        <li class="liImg"></li>
        <li class="liImg"></li>
        <li class="liImg"></li>
        <li class="liImg"></li>
        <li class="liImg"></li>
        <li class="liImg"></li>
        <li class="liImg"></li>
      </ul>
    </div>
  </div>
  <!-- top6  -->
  <div class="top6">
    <div class="top6">
      <div class="top6-top"></div>
      <div class="movie">
        <video src="https://static.jx3.xoyo.com/video/20220104/qinggong6.0fengmian.mp4" autoplay loop muted=""></video>
        <div class="btn"></div>
        <div class="run">
          <img src="./img/bg02-3.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <!-- top7 -->
  <div class="top7">
    <div class="top7-top"></div>
    <div class="cent7">
      <div class="let7"></div>
      <div class="rgt7"></div>
    </div>
    <div class="bot7"></div>

  </div>
  <!--  footer-->
  <footer class="footer">
    <div class="footer-content">
      <div class="f-left">
        <div class="lft"></div>
        <div class="rgt"></div>
      </div>
      <div class="cent">
        <p>关于我们 | 服务协议  |客服中心 | 联系我们 | 诚聘英才</p>
        <p>成都西山居世游科技有限公司版权所有Copyright。1999 -2022</p>
        <p class="p">网络游戏行业防沉迷自律公约</p>
      </div>
      <div class="f-right">
        <img src="./img/footer-2.png" alt="">
      </div>
    </div>
  </footer>
  <!--  侧边栏左边  -->
  <div class="aside">
<!--    <div class="line"></div>-->
    <ul class="a-ul">
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
      <li class="a-li"></li>
    </ul>
  </div>
  <!-- 右边悬浮 -->
  <a href="./index2.html" target="_blank"><div class="fixed"></div></a>

</div>
</body>

</html>